<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <link rel='stylesheet' type='text/css' href='../css/Calendario.css' />
        <link rel='stylesheet' type='text/css' href='../css/redmond/jquery-ui-1.8.12.custom.css' />
        <link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar.css' />
        <link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar.print.css' media='print' />
        <script type='text/javascript' src='../js/jquery-1.5.1.min.js'></script>
        <script type='text/javascript' src='../js/jquery-ui-1.8.12.custom.min.js'></script>
        <script type='text/javascript' src='../fullcalendar/fullcalendar.js'></script>
        <script type='text/javascript' src='../js/jquery.tools.min.js'></script>
        <title>W-Calendar</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <script type='text/javascript'>
            
            $(document).ready(function() {
              
                UpdateCal();
                $(function() {
		$( "#VentanaC" ).draggable();
                $( "#mostrar" ).dialog({
                     autoOpen: false,
                     buttons: {
                         OK: function() {
					$( this ).dialog( "close" );
				}
                         
                     },
                     modal: true
                 });
	});
                
            });
            

        function UpdateCal(){
            $.post("Eventos.php",{},function(data){
                $("#Contenido").html(data); 
            });
        }
        function Cambiar(a){
            if (a == 1){
                $.post("Contactos.php",{},function(data){
                
                $("#VentanaC").html(data);
            });
            }
            if (a == 2){
                $.post("Tareas.php",{},function(data){
                
                $("#VentanaC").html(data);
            });
            }
            if (a == 3){
                $("#VentanaC").html("");
            }
            
        }
        </script>
    </head>
    <body>
        <div id="Banner"><table id="BTable" cellspacing="0"><tr>
            <td><img id="Logo" src="../imagenes/wclogo.png" alt="W-Calendar"></td>
            <td>
                <img class="BA" id="LogoUsuario" src="../imagenes/LogoUser.png" alt="" onclick="Cambiar(1)">
                <img class="BA" id="LogoCalendario" src="../imagenes/LogoCalendar.png" alt="" onclick="$( '#dialog-Crear').dialog( 'open' );">
                <img class="BA" id="LogoTarea" src="../imagenes/LogoTarea.png" alt="" onclick="Cambiar(2)">
                <img class="BA" id="LogoSalir" src="../imagenes/Salir.png" alt="" onclick="$(location).attr('href','Login.html')">
            </td>
            
            
            <td align="right" valign="middle"> <h3 id="Fecha"> <?php $a=date("d/m/Y"); echo($a); ?> </h3></td>
            </tr></table>
        
        </div>
        <div id="Contenido"></div>
        <div id="VentanaC"></div>
        <div id="mostrar" title="W-Calendar dice:"></div>
    </body>
</html>